<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no,address=no,email=no"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>KAA电商管理后台_订单列表</title>
    <script type="text/javascript" src="${path}/js/jquery-2.1.1.min.js"></script>
    <script src="${path}/js/sidebar-menu.js"></script>
    <link href="${path}/css/login.css" rel="stylesheet" media="all">
</head>
<script language="JavaScript">

    function checkboxAll() {
        var checkstr = "";
        $("input:checkbox[name=id]:checked").each(function (i) {
            if (checkstr != "") {    //将所选的各项记录的id形成字符串，并以“，”分割
                checkstr += ",";
            }
            checkstr += $(this).val();
        });
        $("#checkBoxId").val(checkstr)
    }
    /* 是否全选标记 */
    var checkedAll = false;
    /* 全选/取消全选
     * formName 所在form的name值
     * checkboxName checkbox的name值
     * 注意：所有checkbox的name值都必须一样，这样才能达到全选的效果
     */
    function selectAll(form1, id) {
        var form = document.all.item(form1);
        /* var elements = form.elements[id];*/
        var elements = document.getElementsByTagName("input");
        for (var i = 0; i < elements.length; i++) {
            var e = elements[i];
            if (checkedAll) {
                e.checked = false;
                form.alls.checked = false;
            } else {
                e.checked = true;
                form.alls.checked = true;
                var checkstr = "";
                $("input:checkbox[name=id]:checked").each(function (i) {
                    if (checkstr != "") {    //将所选的各项记录的id形成字符串，并以“，”分割
                        checkstr += ",";
                    }
                    checkstr += $(this).val();
                });
                $("#ids").val(checkstr)
            }
        }
        if (checkedAll) {
            checkedAll = false;
        } else {
            checkedAll = true;
        }
    }


    function selectPaymentStatus(value){
        $("#paymentStatus").val(value)
        document.getElementById("form4").submit();
    }

    function selectSendStatus(value){
        $("#sendStatus").val(value)
        document.getElementById("form5").submit();
    }
</script>
<body class="main" id="pageCotent">
<h1>KAA电商管理后台</h1>
<jsp:include page="sidebarNav.jsp"></jsp:include><!-- main_sidebar -->
<div class="main_con_wrap">
    <form name="form1" method="post"
          action="${path}/orderList" id="form1">

        <input type="text"  name="userId" style="display: none" value="${userId}">
    <div class="main_con_top1 orderlist_top1">
       <%-- <p class="outline_in"><a>订单添加</a></p>--%>
        <p class="del_all"><label for="del_all"></label><input name="alls" type="checkbox" onClick="selectAll('form1','id')"/><span>全选</span></p>
        <p class="outline_in"><input type="button" onclick="delAll()" value="批量删除" /></p>
       <%-- <p class="recycle_bin"><a></a></p>--%>
        <div class="search_wrap">
            <form id="order_search" name="order_search" action=" " method="get">
                <div class="search_fl">
                    <input type="text" placeholder="输入搜索内容" name="orderCode" class="search_txt" value="${orderCode}">
                </div>
                <input type="submit" value="" name="order_search_btn" class="search_btn">
            </form>
        </div>
        <div class="clear"></div>
    </div><!-- main_con_top1 -->
    <div class="main_con order_list">
        <div class="main_con_top2 orderlist_top2">
            <%--<p>
                <select id="orderlist_type">
                    <option selected="" value="选择订单类型">选择订单类型</option>
                    <option value="普通订单">普通订单</option>
                    <option value="DIY订单">DIY订单</option>
                    <option value="体验店订单">体验店订单</option>
                </select>
            </p>--%>

            <p>
                <select id="orderlist_paystatus" onchange="selectPaymentStatus(this.value);">
                    <option selected="" value="3"${paymentStatus == 3? 'selected':""}>选择付款状态</option>
                    <option value="1"${paymentStatus == 1 ? 'selected':""}>已付款</option>
                    <option value="0"${paymentStatus == 0 ? 'selected':""}>未付款</option>
                </select>
            </p>

            <p>
                <select id="orderlist_delistatus" onchange="selectSendStatus(this.value);">
                    <option selected="" value="3"${sendStatus == 3? 'selected':""}>选择发货状态</option>
                    <option value="1"${sendStatus == 1 ? 'selected':""}>已发货</option>
                    <option value="0"${sendStatus == 0 ? 'selected':""}>未发货</option>
                </select>
            </p>

           <%-- <div class="excelbut"><input class="excelin" id="excelbut2" type="button" value="" onclick="javascript:method('memberlist_table')" /></div>
            <div class="excelbut excelout_wrap"><input class="excelout" id="excelbut1" type="button" value="" onclick="javascript:method('memberlist_table')" /></div>--%>
            <div class="clear"></div>
        </div><!-- main_con_top2 -->
        <table id="orderlist_table" width="100%" border="0" align="center">
            <tr>
                <th>选择<input name="id" id="Checkbox1"
                             onclick="checkboxAll();" value="" class="np"
                             style="display: none;" type="checkbox"></th>
                <th>订单号</th>
                <th>下单时间</th>
                <th>付款状态</th>
                <th>付款时间</th>
                <th>审核状态</th>
                <th>发货状态</th>
                <th>订单类型</th>
                <th>支付方式</th>
                <th>开票</th>
                <th>金额</th>
                <th>操作</th>
            </tr>
            <c:forEach items="${ordersList}" var="items">
            <tr>
                <td><input name="id" id="id" onclick="checkboxAll();"
                           value="${items.id}" class="np" type="checkbox"></td>
                <td><span>${items.orderCode}</span><input type="text" style="display:none;"></td>
                <td><span>${items.startDate} </span><input type="text" style="display:none;"></td>
                <td><span>${items.paymentStatus}</span><input type="text" style="display:none;"></td>
                <td><span>${items.paymentTime}</span><input type="text" style="display:none;"></td>
                <td><span>${items.toExamineStatus}</span><input type="text" style="display:none;"></td>
                <td><span>${items.sendStatus}</span><input type="text" style="display:none;"></td>
                <td><span>${items.orderType}</span><input type="text" style="display:none;"></td>
                <td><span>${items.paymentType}</span><input type="text" style="display:none;"></td>
                <c:if test="${items.invoice ==1}">
                    <td><span>已开票</span><input type="text" style="display:none;"></td>
                </c:if>
                <c:if test="${items.invoice ==0}">
                    <td><span>未开票</span><input type="text" style="display:none;"></td>
                </c:if>
                <td><span>${items.totalMoney}</span><input type="text" style="display:none;"></td>
                <td class="last_td">
                    <input class="edit_but" value="编辑" onclick="updateOrder(${items.id})" type="button">
                    <a class="see_but" href="${path}/orderDetails?id=${items.id}">查看</a>
                </td>
            </tr>
            </c:forEach>
        </table>
        <div class="paging_wrap paging" onselectstart="return false" >
           <%-- <td colspan="6" align="center" bgcolor="#5BA8DE">共${page.totalRecords}条
                记录 共${page.totalPages}页 当前第${page.pageNo}页<br>--%>
                <div class="otherBtns">
                    <a class="onepage" value="首页"href="${path}/orderList?pageNo=${page.topPageNo }">首页</a>
                    <c:choose>
                        <c:when test="${page.pageNo!=1}">
                            <a class="prevpage" value="上一页" name="previousPage" href="${path}/orderList?pageNo=${page.previousPageNo}"></a>
                        </c:when>
                        <c:otherwise>
                            <a class="prevpage" value="上一页" name="previousPage"></a>
                        </c:otherwise>
                    </c:choose>
                </div>
                <div class="otherBtns">
                    <c:choose>
                        <c:when test="${page.pageNo != page.totalPages}">
                            <a class="nextpage" value="下一页"  href="${path}/orderList?pageNo=${page.nextPageNo}"></a>
                        </c:when>
                        <c:otherwise>
                            <a class="nextpage" value="下一页" ></a>
                        </c:otherwise>
                    </c:choose>
                    <a value="尾页" href="${path}/orderList?pageNo=${page.bottomPageNo }">尾页</a>
                </div>
                <div class="jumpBtns" style="display:none;">
                    <input class="jump_input" data="" type="text">
                    <a class="jump_a" data="0">跳转</a>
                </div>
               <br><br>
               <td colspan="6" align="center" bgcolor="#5BA8DE">共${page.totalRecords}条
                   记录 共${page.totalPages}页 当前第${page.pageNo}页<br>
        </div>
    </div><!-- main_con -->
    </form>
    <form name="form2" method="post"
          action="${path}/deleteOrder" id="form2"
          class="form2">
        <input name="ids" id="ids" type="hidden">
    </form>
    <form name="form3" method="post"
          action="${path}/orderEdit" id="form3"
          class="form3">
        <input name="ids1" id="ids1" type="hidden">
    </form>

    <form name="form4" method="post"
          action="${path}/orderList" id="form4"
          class="form4">
        <input type="text"  name="userId" style="display: none" value="${userId}">
        <input name="paymentStatus" id="paymentStatus" type="hidden">
    </form>
    <form name="form5" method="post"
          action="${path}/orderList" id="form5"
          class="form5">
        <input type="text"  name="userId" style="display: none" value="${userId}">
        <input name="sendStatus" id="sendStatus" type="hidden">
    </form>
</div><!-- main_con_wrap -->

<div class="footer_copyright">
    <p>苏州知行合一网络科技有限公司提供技术支持，版权所有</p>
</div><!-- footer_copyright -->

<script>
    /////////////////////////侧边栏按钮
    $.sidebarMenu($('.sidebar-menu'))

    /////////////////////////创建全选反选函数
    //EDIT TR

    function updateOrder(value) {
        $("#ids1").val(value)
        document.getElementById("form3").submit();
    }

    function delAll(){
        var elements = document.getElementsByTagName("input");
        for (var i = 0; i < elements.length; i++) {
            var checkstr = "";
            $("input:checkbox[name=id]:checked").each(function (i) {
                if (checkstr != "") {    //将所选的各项记录的id形成字符串，并以“，”分割
                    checkstr += ",";
                }
                checkstr += $(this).val();
            });
            $("#ids").val(checkstr)
        }
        document.getElementById("form2").submit();
    }
</script>
</body>
</html>
